import React, {Component, Fragment} from 'react';
import QueueAnim from 'rc-queue-anim';
import styles from './index.module.scss';
import './css/slider.css';
import './css/style.css';
import './css/bootstrap.css';
import './css/font-awesome.css';

export default class RightContentDisplay extends Component {
    static displayName = 'RightContentDisplay';

    constructor(props) {
        super(props);
        this.state = {};
    }

    render() {
        return (
            <Fragment>
                <div className={styles.head} id="info"><div className={styles.title}></div></div>
                <section className="about-bottom py-5" style={{marginBottom: '-100px'}} id="about">
                    <div className="container py-md-5 py-3">
                        <div className="row">
                            <div className="col-lg-6 left-img" style={{top: '-40px'}}>
                                <img src={require("./images/fina@container_1.png")} className="img-fluid" alt=""/>
                            </div>
                            <div className="col-lg-6 mt-lg-0 mt-4">
                                <div className="row inner-heading">
                                    <div className="col-md-2">
                                        <span className="fa fa-database"></span>
                                    </div>
                                    <div className="col-md-10">
                                        <h4 className="mt-md-0 mt-2">真实数据</h4>
                                        <p className="mt-3">基于真实软件开发型企业案例与脱敏数据，让虚拟不"虚"。</p>
                                    </div>
                                    <div className="col-md-2 mt-5">
                                        <span className="fa fa-balance-scale"></span>
                                    </div>
                                    <div className="col-md-10 mt-md-5">
                                        <h4 className="mt-md-0 mt-2">动态政策</h4>
                                        <p className="mt-3">研读动态财务及税收政策，培养搜集与研判、预算管理、投资决策等能力。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="row mt-5">
                            <div className="col-lg-6 mt-lg-0 mt-4">
                                <div className="row inner-heading">
                                    <div className="col-md-2">
                                        <span className="fa fa-diamond"></span>
                                    </div>
                                    <div className="col-md-10">
                                        <h4 className="mt-md-0 mt-2">三维场景</h4>
                                        <p className="mt-3">利用三维虚拟仿真技术，沉浸企业真实场景，还原实际业务流程。</p>
                                    </div>
                                    <div className="col-md-2 mt-5">
                                        <span className="fa fa-bullhorn"></span>
                                    </div>
                                    <div className="col-md-10 mt-md-5">
                                        <h4 className="mt-md-0 mt-2">丰富考核</h4>
                                        <p className="mt-3">综合考查学生财务管理、税法、财务会计等相关理论知识，实验报告全面丰富。</p>
                                    </div>
                                    <div className="col-md-2 mt-5">
                                        <span className="fa fa-users"></span>
                                    </div>
                                    <div className="col-md-10 mt-md-5">
                                        <h4 className="mt-md-0 mt-2">广泛适用</h4>
                                        <p className="mt-3">适用于经管类会计、财务管理、工商管理、企业管理等多专业学生教学与实训。</p>
                                    </div>
                                </div>
                            </div>
                            <div className="col-lg-6 left-img" style={{marginTop: '0px'}}>
                                <img src={require("./images/fina@container_2.png")} className="img-fluid" alt=""/>
                            </div>
                        </div>
                    </div>
                </section>
            </Fragment>
        );
    }
}
